.flex {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

html,
body,
div,
ul,
ol,
li,
table,
tr,
th,
td,
p,
span,
a,
h1,
h2,
h3,
h4,
h5,
h6,
img,
button,
input,
optgroup,
select,
textarea {
  box-sizing: border-box;
}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    /* border-radius: 5px; */
    background: rgba(0, 33, 102, 1);
}


/*定义滚动条轨道 内阴影+圆角*/

::-webkit-scrollbar-track {
    border-radius: 5px;
}


/*定义滑块 内阴影+圆角*/

::-webkit-scrollbar-thumb {
    border: 1px solid rgba(0, 170, 255, 1);
    background: linear-gradient(90deg, rgba(66, 161, 255, 1) 0%, rgba(0, 77, 154, 1) 48%, rgba(0, 81, 161, 1) 100%);
    border-radius: 5px;
}


/*定义滚动条两端的按钮*/

::-webkit-scrollbar-button {
    display: none;
}


/*定义滚动条两端交汇处*/

::-webkit-scrollbar-corner {
    background: rgba(0, 33, 102, 1);
}


/* 定义body全屏 */
html,body {
  width: 100%;
  height: 100%;
  font-size: 20px;
}

.mobile-box::-webkit-scrollbar,.mobile-box *::-webkit-scrollbar {
  display: none;
}

.clear::after {
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
}

.clear::before {
  content: "";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
}
.mobile-box {
  padding-top: 1.5rem;
}
